main {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 横に最大6枚並ぶ */
  gap: 8px;               /* 画像の間隔 */
  justify-content: center; /* 中央寄せ（左詰めにしたいなら削除） */
  padding: 12px;
}

main figure {
  margin: 0 2vw 0 2vw; /* 上下の余白をなくし、左右に10vwの余白 */
}

main img {
  display: block;
  height: auto;  /* 元の縦横比を維持 */
  width: auto;   /* オリジナルサイズのまま */
  max-width: 100%; /* 画面からはみ出し防止 */
}